<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>热词</title>
	<script src="../../components/echarts-4.0.4.min.js"></script>
	<script type="text/javascript" src="../../components/jquery1.42.min.js"></script>
	<script type="text/javascript" src="../../components/jquery.SuperSlide.2.1.1.js"></script>
	<style>
		body,html{
			padding: 0;
			margin: 0;
			background:#0A0F23;
			width: 100%;
			height: 100%;
		}
		/* 本例子css */
		.txtScroll-top{ width:90%;  overflow:hidden; position:relative;margin: 0 auto;}
		.txtScroll-top .hd{ overflow:hidden;  height:100%;  font-size: 16px;color: #fff;padding: 10px;margin: 20px 0;}
		.txtScroll-top .hd span{
			display: inline-block;
			height:36px; line-height:36px;
			vertical-align: top;
			text-align: center;
		}
		/*.txtScroll-top .hd .prev,.txtScroll-top .hd .next{ display:block;  width:9px; height:5px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;}
		.txtScroll-top .hd .next{ background:url("images/icoDown.gif") no-repeat;  }*/
		.txtScroll-top .hd ul{ /*float:right;*/ overflow:hidden; zoom:1; }
		.txtScroll-top .hd ul li{ /*float:left;  */width:9px; height:9px; overflow:hidden;/* margin-right:5px; */text-indent:-999px; cursor:pointer;list-style: none;  }
		.txtScroll-top .hd ul li.on{ background-position:0 0;}
		/*.txtScroll-top .bd{ padding:15px;  }*/
		.txtScroll-top .infoList li{ height:36px; line-height:36px; color:#fff; list-style: none;  }
		.txtScroll-top .infoList li span{
			display: inline-block;
			height:36px; 
			line-height:36px;
			vertical-align: top;
		}
		.txtScroll-top .infoList li span:nth-of-type(1),.hd>div span:nth-of-type(1){
			width: 90px;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
		.txtScroll-top .infoList li span:nth-of-type(2),.hd>div span:nth-of-type(2){
			width: 180px;
		}
		.txtScroll-top .infoList li span:nth-of-type(3),.hd>div span:nth-of-type(3){
			width: 90px;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
		.bd{
			 padding: 0 0 25px 40px;
		}
	</style>
</head>
<body>
	<div style="width: 100%;height: 100%;padding: 74px 0 0 0;">
		<div class="txtScroll-top">
			<div style="font-size: 22px;text-align: center;margin-top: -3px;color: #fff;font-weight: 700;">最新收录人才</div>
			<div class="hd">
				<div><span style="">姓名</span><span style="margin-left: 10px;">专业</span><span style="margin-left: -3px;">学位</span><span>年龄</span></div>
			</div>
			<div class="bd">
				<ul class="infoList">
					<li><span>莫女士</span><span>外籍译员 普通口译 应用文</span><span>硕士</span><span>25岁</span></li>
					<li><span>张先生</span><span>文学宣传 工程 法律合同</span><span>本科</span><span>27岁</span></li>
					<li><span>詹女士</span><span>法律合同 普通口译 外译英</span><span>本科</span><span>23岁</span></li>
					<li><span>张女士</span><span>文学宣传 法律合同 应用文</span><span>本科</span><span>24岁</span></li>
					<li><span>H女士</span><span>应用文类 外译英 英译外</span><span>硕士</span><span>33岁</span></li>
					<li><span>谢女士</span><span>工程 文学宣传 法律合同</span><span>本科</span><span>28岁</span></li>
					<li><span>w先生</span><span>文学宣传 外译英 英译外</span><span>本科</span><span>25岁</span></li>
					<li><span>D女士</span><span>外译英</span><span>本科</span><span>25岁</span></li>
					<li><span>于先生</span><span>外籍译员</span><span>大专</span><span>22岁</span></li>
					<li><span>L女士</span><span>文学宣传 法律合同 应用文</span><span>高中</span><span>21岁</span></li>
					<li><span>王女士</span><span>文学宣传 应用文类 法律合</span><span>本科</span><span>34岁</span></li>
					<li><span>谢女士</span><span>法律合同 标准 电力 应用</span><span>本科</span><span>24岁</span></li>
					<li><span>孟女士</span><span>应用文类 文学宣传 法律合</span><span>本科</span><span>24岁</span></li>
					<li><span>W先生</span><span>外籍译员 同声配音 普通口</span><span>本科</span><span>22岁</span></li>
					<li><span>林女士</span><span>外籍译员</span><span>本科</span><span>24岁</span></li>
					<li><span>魏女士</span><span>文学宣传 发表出版 法律合</span><span>高中</span><span>22岁</span></li>
				</ul>
			</div>
		</div>
	</div>
</body>
<script>
	jQuery(".txtScroll-top").slide({titCell:".hd ul",mainCell:".bd ul",autoPage:true,effect:"topMarquee",autoPlay:true,vis:13,mouseOverStop:false,interTime:200});
</script>
</html>